<template>
	<view class="page_view">
		<view class="page_view_zhanwei"></view>
		<view class="content">
			<view class="top_view" style="background-image: url('https://bucketoss10086.oss-cn-beijing.aliyuncs.com/miniprogram/gezi.png');">
				<view class="top_view_left">
					<view class="top_view_left_top">
						副主任医师
					</view>
					<view class="top_view_left_btoom">
						郭欣
					</view>
				</view>
				<image src="" class="top_view_right" mode=""></image>
			</view>
			<view class="qr_view">
				<image src="" class="qr" mode=""></image>
			</view>
		</view>
		<view class="desc">
			扫一扫加我为好友
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page{
	background-color: #F4F4F4;
}
.content{
	border-radius: 12rpx 12rpx 16rpx 16rpx;
	background: #FFF;
	box-shadow: 0rpx 4rpx 30rpx 0rpx rgba(0, 0, 0, 0.10);
}
.page_view{
	width: 100%;
	padding: 0 30rpx;
	box-sizing: border-box;
}
.page_view_zhanwei{
	width: 100%;
	height: 100rpx;
}
.top_view{
	width:100%;
	height: 406rpx;
	
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 12rpx 12rpx 0rpx 0rpx;
	padding: 40rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.top_view_left_top{
	color: #999;
	font-family: Alibaba PuHuiTi 2.0;
	font-size: 32rpx;
	font-weight: 400;
}
.top_view_left_btoom{
	color: #333;
	font-family: Alibaba PuHuiTi 2.0;
	font-size: 52rpx;
	font-weight: 400;
	margin-top: 24rpx;
}
.top_view_right{
	width: 96rpx;
	height: 96rpx;
	border-radius: 50%;
	background-color: #999;
}
.qr_view{
	width: 100%;
	height: 638rpx;
	background-color: #fff;
	border-radius: 0rpx 0rpx 16rpx 16rpx;
	display: flex;
	align-items: center;
}
.qr{
	width: 398rpx;
	height: 398rpx;
	display: block;
	margin: 0 auto;
	background: #ccc;
}
.desc{
	color: #AEAEB0;
	text-align: center;
	font-family: Alibaba PuHuiTi 2.0;
	font-size: 28rpx;
	font-weight: 400;
	margin-top: 72rpx;
}
</style>
